<template>
  <div class="theme-setting">
    <el-tooltip :content="$t('header.layoutConfig')">
      <i :class="'iconfont icon-zhuti'" class="toolBar-icon" @click="openDrawer"></i>
    </el-tooltip>
  </div>
</template>

<script setup lang="ts">
import { useGlobalStore } from "@/stores";

const useGlobal = useGlobalStore();
defineOptions({
  name: "ThemeSetting"
});

const openDrawer = () => {
  useGlobal.globalConfig.openDrawer = !useGlobal.globalConfig.openDrawer;
};
</script>
